#2F365F

Color Details

HEX
#2F365F
RGB
rgb(47, 54, 95)
HSL
hsl(231, 34%, 28%)
CMYK
cmyk(51%, 43%, 0%, 63%)
Best text on this color #FFFFFF (CR 11.58:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2f365f
Contrast 1.81:1 Fail
White on #2f365f
Contrast 11.58:1 AAA
#2f365f on Black
Contrast 1.81:1 Fail
#2f365f on White
Contrast 11.58:1 AAA

Tints & Shades

#595e7f
#82869f
#acafbf
#262b4c
#1c2039
#131626

Complement & Analogous

#60582f
#402f60
#2f4f60

Triadic

#602f36
#36602f

Monochrome

#131626 #1c2039 #2f365f #82869f #acafbf #d5d7df

Analogous

#2f4f60 #6d8490 #2f365f #665980 #402f60 #33264d

Complementary Mix

#1c2039 #2f365f #82869f #60582f #989278 #3e391f

Nearby Colors

#2f365e
#2f3660
#2f364f
#2f366f

Embed #2F365F swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2F365F

#2F365F converts to RGB(47, 54, 95) and HSL(231, 34%, 28%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2F365F FAQs

What is the RGB value of #2F365F?
RGB: 47, 54, 95. Copy as CSS: rgb(47, 54, 95)
Is #2F365F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2F365F?
Complement: #60582f.
Does #2F365F have good contrast on white or black?
On white: 11.58:1 (AAA (normal text)). On black: 1.81:1 (Fails AA).